document.getElementById('message-form').addEventListener('submit', function(event) {
    event.preventDefault();

    const input = document.getElementById('message-input');
    const message = input.value.trim();
    if (!message) return;

    // 显示用户的输入
    displayMessage('You: ' + message);

    // 发送数据到后端
    fetch('http://192.168.42.34:8089/im/receive', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({ message })
    })
        .then(response => response.json())
        .then(data => {
            console.log('Success:', data)
            // 显示后端返回的消息
            displayMessage('Bot: ' + data.data);
        })
        .catch(error => console.error('Error:', error));

    // 清除输入框
    input.value = '';
});

function displayMessage(message) {
    const messagesDiv = document.getElementById('messages');
    const newMessage = document.createElement('p');
    newMessage.textContent = message;
    messagesDiv.appendChild(newMessage);
    messagesDiv.scrollTop = messagesDiv.scrollHeight; // 滚动到底部
}
